<%@page pageEncoding="UTF-8"%>
<%@taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>
<!DOCTYPE html>
<html lang="zh-CN">
  <head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="stylesheet" href="${APP_PATH }/artdialog/artDialog.css">
  </head>

  <body style="background: #000;">

    <button id="toast">吐司</button>
    <button id="confirm">确定/取消，带关闭返回值</button>
    <button id="return">带返回参数</button>
    
<script src="jquery/jquery-2.1.1.min.js"></script>
<script src="artdialog/artDialog.js"></script>
<script type="text/javascript">
$(function(){
	$('#toast').click(function(){
		var d=dialog({
			height:'auto',
    		width:'auto',
    		background: '#000', // 背景色
    		opacity: 0.87,	// 透明度
    		content: "<font color='red' face='微软雅黑'>小苏，我又单身了</font>",
		}).show();
		setTimeout(function () {
    		d.close().remove();
    	}, 1500);
	});
	$('#confirm').click(function(){
		var d=dialog({
		 	title: '提示',
		    content: '审批意见为空，您确定发送下一步吗？',
		    okValue: '确定',
		    ok: function () {
		    	alert('点了确定');
		    },
		    cancelValue: '取消',
		    cancel: function () {
		    	alert('点了取消');
		    }
		}).showModal();
	});
	$('#return').click(function(){
		var d=top.dialog({
			id: 'ShowCustInfoList',
			url : '${APP_PATH}/returnDialog',
			width: 850,
			height:480,
			onclose: function (e) {
		    	console.log('返回的东西name：'+this.returnValue.name);
		    	console.log('返回的东西age：'+this.returnValue.age);
		    	console.log('返回的东西：'+this);
		    }
		}).showModal();
	});
});

</script>
  </body>
</html>
